@media (min-width: 320px) and (max-width: 600px)

  .grid-module
    .sm-span-1
      width 8.33333%
    .sm-span-2
      width 16.66667%
    .sm-span-3
      width 25%
    .sm-span-4
      width 33.33333%
    .sm-span-5
      width 41.66667%
    .sm-span-6
      width 50%
    .sm-span-7
      width 58.33333%
    .sm-span-8
      width 66.66667%
    .sm-span-9
      width 75%
    .sm-span-10
      width 83.33333%
    .sm-span-11
      width 91.66667%
    .sm-span-12
      width 100%
    .col
      &.sm-span-12
        padding-top 2.5%
        &:first-of-type
          padding-top 0
      &.sm-no-padding
        padding 0
      &.xs-no-padding
        padding-right 0
        padding-left 0
    .sm-grid2x1
      padding-bottom 48.10127%
      .content-wrapper
        width 50%
        float left
        padding 5.5%
        &:after
          display block
    .sm-grid3x1
      padding-bottom 24%
    .sm-grid-nopicture
      padding-bottom 50%

    .xs-span-1
      width 8.33333%
    .xs-span-2
      width 16.66667%
    .xs-span-3
      width 25%
    .xs-span-4
      width 33.33333%
    .xs-span-5
      width 41.66667%
    .xs-span-6
      width 50%
    .xs-span-7
      width 58.33333%
    .xs-span-8
      width 66.66667%
    .xs-span-9
      width 75%
    .xs-span-10
      width 83.33333%
    .xs-span-11
      width 91.66667%
    .xs-span-12
      width 100%
    .xs-grid1x2
      padding-bottom 200%
      .images-wrapper
        width 100%
        float none
    .xs-grid3x2
      padding-bottom 100%
    .xs-grid-nopicture
      padding-bottom 100%

    .xs-grid1x2
      .list-content, .content-wrapper
        width 100%
        float none
        padding 8.5%
        &:after, .grid-module .xs-grid1x2 .content-wrapper:after
          position absolute
          width 0px
          height 0px
          content ' '
          left 30px
          top -26px
          border-width 13px 14px
          border-style solid
          border-color transparent transparent #fff
      .cont-wrapper:after
        position: absolute
        width: 0px
        height: 0px
        content: ' '
        left: 30px
        top: -29px
        border-width: 13px 14px
        border-style: solid
        border-color: transparent transparent #fff

    .col.sm-span-12, .col.xs-span-12
      padding 2.5% 5% 2.5% 5%

    .grid-img-cont
      .img-wrapper
        width: 100%
      .cont-wrapper
        width: 80%

  .content-wrapper h3
    font-size: 1.9em

  #flow002
    .content-wrapper
      .pb-info
        display: none

    #index-bot .sm-span-12:first-of-type
      padding-top: 2.5%

  #flow02
    .note-pic, .list-content
      width: 100%
      float: none

    .list-content
      padding: 10% 5%
      font-size: 1.14em

      h3
        font-size: 1.9em

      ul
        li
          a
            font-size: 1.1em

      .more
        font-size: 1.1em

  #flow01
    #service-grid
      font-size: .8em

      //.web-show
      //  display: none
      //
      //.phone-show
      //  display: block

    .grid3x1 a.icon
      padding: 9.03% 0 9.03% 18.5%

    .xs-span-12
      padding: 0

    .content-wrapper
      .pb-info
        display: none

  .banner
    width 100%
    background-repeat no-repeat
    background-position center top
    background-size cover